<template>
  <ContentBase>
    <div class="welcome-container">
      <div class="welcome-content">
        <i class="fas fa-charging-station welcome-icon"></i>
        <h1 class="welcome-title">欢迎登录充电桩管理系统</h1>
        <p class="welcome-subtitle">高效管理，智能充电</p>
      </div>
    </div>
  </ContentBase>
</template>

<script>
import ContentBase from '@/components/ContentBase.vue';

export default {
  name: 'HomeView',
  components: {
    ContentBase,
  }
}
</script>

<style scoped>
.welcome-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60vh;
}

.welcome-content {
  text-align: center;
  padding: 2rem;
}

.welcome-icon {
  font-size: 4rem;
  color: var(--primary-color);
  margin-bottom: 1.5rem;
}

.welcome-title {
  font-size: 2.5rem;
  color: var(--primary-color);
  margin-bottom: 1rem;
  font-weight: 600;
}

.welcome-subtitle {
  font-size: 1.2rem;
  color: #666;
  margin: 0;
}
</style>
